import React, {Component} from 'react';
import './HotSearch.css';

class HotSearch extends Component {
	searchByHot(keyword){
		// console.log(keyword);

		this.props.getListByKeyword(keyword);
	}

	render() {
		return (
			<ul className='hotSearch'>
				{
					this.props.hotSearch.map((item, index) => <li className='li' key={index} onClick={this.searchByHot.bind(this,item.first)}>{item.first}</li>)
				}
			</ul>
		);
	}
}

export default HotSearch;